<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="../masterpage/masterpage.xhtml">


<ui:define name="title">Catalogue</ui:define>
<ui:define name="content">
<head>
<link href="../../www/css/catalogue.css" rel="stylesheet" type="text/css" />
</head>
	<h:head>	
		<h:body>
			<f:view>
					<h:dataTable value="#{catalogueMB.listeResultatRecherche}"
						var="pdt" border="0" width="180%;">
							<img src="#{pdt.jeu.imgMinJeu}" height="90px;" width="70px;" style="border: 3px solid rgba(1, 3, 15, 0.79);"/>
						<h:column>
						<div class="fond" style="width: 1090px;margin-left: 6px;margin-top: 50px;">
						<h:form>						
							<table>
								<tr>
									<td rowspan="2"><img style="border: 1px solid #000;" src="#{pdt.jeu.imgMinJeu}"/></td>
									<td style="width: 110px;text-transform: uppercase; font-weight:bold; color:#008580;">Nom</td>
									<td style="width: 90px;text-transform: uppercase; font-weight:bold; color:#008580;">Nombre de joueurs</td>
									<td style="width: 50px;text-transform: uppercase; font-weight:bold; color:#008580;">Genre</td>
									<td style="width: 250px;text-transform: uppercase; font-weight:bold; color:#008580;">Description</td>
									<td style="width: 80px;text-transform: uppercase; font-weight:bold; color:#008580;">Prix</td>
									<td style="width: 30px;text-transform: uppercase; font-weight:bold; color:#008580;">date de parution</td>
									<td style="width: 30px;text-transform: uppercase; font-weight:bold; color:#008580;">Note moyenne</td>
									<td></td>
								</tr>
								<tr>										
									<td style="width: 110px;"><h:outputText value="#{pdt.jeu.nomJeu}"/></td>
									<td style="width: 110px;"><h:outputText value="de #{pdt.jeu.nbJrsMin} à #{pdt.jeu.nbJrsMax} joueurs"/></td>									
									<td style="width: 50px;"><h:outputText value="#{pdt.jeu.genre.libelleGenre}" /></td>
									<td style="width: 110px;"><h:outputText value="#{pdt.jeu.description}" /></td>
									<td style="width: 80px;"><h:outputText value="Prix: #{pdt.prix} euros"/></td>
									<td style="width: 110px;">
										<h:outputText value="#{pdt.dateParution}">							 
											<f:convertDateTime pattern="dd/MM/yyyy"/>
										</h:outputText>
									</td>										
									<td style="width: 10px;"><h:outputText value="#{pdt.jeu.noteMoyenne}"/></td>							
									<td>					
										<h:commandButton class="button-afficheDetails" value="Afficher les détails" action="#{ficheJeuMB.afficherJeu}">
											<f:param name="idSelected" value="#{pdt.idProduit}"></f:param>
										</h:commandButton>
									</td>
								</tr>								
							</table>							
							</h:form>
							</div>
						</h:column>
					</h:dataTable>
			</f:view>
		</h:body>
	</h:head>
</ui:define>
</ui:composition>

